<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
<title>Bootstrap Template</title>

    
<!-- 导入相关 css -->
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" href="../css/bootstrap-theme.css">
<link rel="stylesheet" href="../css/SearchInfoWindow_min.css" />
<link rel="stylesheet" href="../css/sg.css" />
<link rel="stylesheet" href="../css/animate.css" />
<link rel="stylesheet" href="../css/index.css">


</head>
<body>
	<!-- 导航 开始 -->
	<!-- 为了给导航栏添加响应式特性，您要折叠的内容必须包裹在带有 classes .collapse、.navbar-collapse 的 <div> 中。
  		折叠起来的导航栏实际上是一个带有 class .navbar-toggle 及两个 data- 元素的按钮。第一个是 data-toggle，用于告诉 JavaScript 需要对按钮做什么，
  		第二个是 data-target，指示要切换到哪一个元素。三个带有 class .icon-bar 的 <span> 创建所谓的汉堡按钮。
  		这些会切换为 .nav-collapse <div> 中的元素 -->
	<div class="navbar-wrapper navbar_top">
		<div class="container">
			<nav class="navbar navbar-default ">
				<div class="container-fluid">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed"
							data-toggle="collapse"
							data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
							<span class="sr-only">Toggle navigation</span> <span
								class="icon-bar"></span> <span class="icon-bar"></span> <span
								class="icon-bar"></span>
						</button>
						<a class="navbar-brand" id="py-brand" href="#"><span></span>GEEK_HOME</a>
					</div>

					<div class="collapse navbar-collapse"
						id="bs-example-navbar-collapse-1">
						<ul class="nav navbar-nav" id="py-ul">
							<li class="active"><a href="/">首页 <span class="sr-only">(current)</span></a></li>
							<li><a href="/weekly_list">博客</a></li>
							<li><a href="/raiders_list">新闻</a></li>
							<li><a href="/about">我的动态</a></li>
							<li><a href="/about_us">关于我们</a></li>
							<li class="dropdown">
                              <a href="#" class="dropdown-toggle" data-toggle="dropdown">帮助 <b class="caret"></b></a>
                              <ul class="dropdown-menu">
                                <li><a href="#">企业</a></li>
                                <li><a href="#">商户</a></li>
                                <li><a href="#">服务网站</a></li>
                                <li class="divider"></li>
                                <li class="nav-header">灰掉</li>
                                <li><a href="http://192.168.2.117:8080/piaoyoung/monitoring" target="xmjk" >项目监控</a></li>
                                <li><a href="#">日志管理</a></li>
                              </ul>
                            </li> 
							
							<li class="toright"><span><a href="../login.html">登录 </a></span>|<span><a href="../register.html"> 注册</a></span></li>
						</ul>
					</div>
				</div>
			</nav>
		</div>
	</div>
	
	<!-- 导航 结束 -->
<!-- 图片轮播 开始 -->
    <div id="myCarousel" class="carousel slide">
      <div class="carousel-inner"> 
        <div class="item active"> 
          <img src="../images/lunbo/1.jpg" alt="" style="height:100px;">
          <div class="container">
            <div class="carousel-caption">
              <h1>如何加入本网站.</h1>
              <p class="lead">页面很棒，页面很炫，页面很好看</p>
              <a class="btn btn-large btn-primary" href="#">马上注册</a>
            </div>            
          </div>
        </div>
        <div class="item">
          <img src="../images/lunbo/2.jpg" alt="">
          <div class="container">
            <div class="carousel-caption">
              <h1>如何使用本网站.</h1>
              <p class="lead">采用当今世界最流行的前端框架，给用户一流的用户体验</p>
              <a class="btn btn-large btn-primary" href="#">了解更多</a>
            </div>
          </div>
        </div>
        <div class="item">
          <img src="../images/lunbo/3.jpg" alt="">
          <div class="container">
            <div class="carousel-caption">
              <h1>本网站还有更多优势.</h1>
              <p class="lead">消除旧网站的视觉疲劳，从现在开始.</p>
              <a class="btn btn-large btn-primary" href="#">链接到BootStrap</a>
            </div>
          </div>
        </div>
      </div>
      <a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a>
      <a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a>
    </div>
	<!-- 图片轮播 结束 -->
<div style="width:80%;margin-left:auto;margin-right:auto;margin-bottom:3px;">
		<span id="nowTime1" style="float:left;"></span> <span id="nowTime" class="visible-lg"
			style="float:right;margin-bottom:3px;"></span>
	</div>
	<!-- news start -->
	<div id="newsBlock" class="container-fluid divBlock">
		<div class="row-fluid toBottomLittle">
			<div class="span12">
				<div class="panel panel-default">
					<div class="panel-heading">
						<h3 class="panel-title">面板标题</h3>
					</div>
					<div class="panel-body">
						<ul>
							<li><h5>
									<a href="#">空气净化器新国标明年实施 将如何终结这乱象？</a><small> (12/30 12:39)</small>
								</h5>
								<div class="news_summary">据中国之声《央广新闻》报道，各地越来越频发的雾霾天气，让空气净化器更加热销。市面上动辄99.99%的“去除率”，和净化器的性能有何关系？新修订的《空气净化器》国...</div></li>
							<li><h5>
									<a href="#">空气净化器新国标明年实施 将如何终结这乱象？</a><small> (12/30 12:39)</small>
								</h5>
								<div class="news_summary">据中国之声《央广新闻》报道，各地越来越频发的雾霾天气，让空气净化器更加热销。市面上动辄99.99%的“去除率”，和净化器的性能有何关系？新修订的《空气净化器》国...</div></li>
							<li><h5>
									<a href="#">空气净化器新国标明年实施 将如何终结这乱象？</a><small> (12/30 12:39)</small>
								</h5>
								<div class="news_summary">据中国之声《央广新闻》报道，各地越来越频发的雾霾天气，让空气净化器更加热销。市面上动辄99.99%的“去除率”，和净化器的性能有何关系？新修订的《空气净化器》国...</div></li>
							<li><h5>
									<a href="#">空气净化器新国标明年实施 将如何终结这乱象？</a><small> (12/30 12:39)</small>
								</h5>
								<div class="news_summary">据中国之声《央广新闻》报道，各地越来越频发的雾霾天气，让空气净化器更加热销。市面上动辄99.99%的“去除率”，和净化器的性能有何关系？新修订的《空气净化器》国...</div></li>
							<li><h5>
									<a href="#">空气净化器新国标明年实施 将如何终结这乱象？</a><small> (12/30 12:39)</small>
								</h5>
								<div class="news_summary">据中国之声《央广新闻》报道，各地越来越频发的雾霾天气，让空气净化器更加热销。市面上动辄99.99%的“去除率”，和净化器的性能有何关系？新修订的《空气净化器》国...</div></li>
							<li><h5>
									<a href="#">空气净化器新国标明年实施 将如何终结这乱象？</a><small> (12/30 12:39)</small>
								</h5>
								<div class="news_summary">据中国之声《央广新闻》报道，各地越来越频发的雾霾天气，让空气净化器更加热销。市面上动辄99.99%的“去除率”，和净化器的性能有何关系？新修订的《空气净化器》国...</div></li>
							<li><h5>
									<a href="#">空气净化器新国标明年实施 将如何终结这乱象？</a><small> (12/30 12:39)</small>
								</h5>
								<div class="news_summary">据中国之声《央广新闻》报道，各地越来越频发的雾霾天气，让空气净化器更加热销。市面上动辄99.99%的“去除率”，和净化器的性能有何关系？新修订的《空气净化器》国...</div></li>
							<li><h5>
									<a href="#">空气净化器新国标明年实施 将如何终结这乱象？</a><small> (12/30 12:39)</small>
								</h5>
								<div class="news_summary">据中国之声《央广新闻》报道，各地越来越频发的雾霾天气，让空气净化器更加热销。市面上动辄99.99%的“去除率”，和净化器的性能有何关系？新修订的《空气净化器》国...</div></li>
						</ul>
					</div>
					<div class="panel-footer">
						<span class="span_more"><a href="#">MORE >></a></span>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- news end -->

	<!-- map start -->
	<div class="container-fluid divBlock">
		<div class="row-fluid ">
			<div class="span12">
				<div class="panel panel-default">
					<div class="panel-heading">
						<h3 class="panel-title">面板标题</h3>
					</div>
					<div class="panel-body map_right_div">

						<div class="col-xs-3 col-sm-3 about_left"></div>
						<div class="col-xs-9 col-sm-9 about_right" id="mapDiv"></div>
					</div>
					<div class="panel-footer">
						<span class="span_more"><a href="#">MORE >></a></span>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- map end -->

	<!-- 图片轮播 开始 -->
	<!-- <div id="myCarousel" class="carousel slide">
		<div class="carousel-inner">
			<div class="item active">
				<img src="../images/1.jpg" alt="">
				<div class="container">
					<div class="carousel-caption">
						<h1>如何加入本网站.</h1>
						<p class="lead">页面很棒，页面很炫，页面很好看</p>
						<a class="btn btn-large btn-primary" href="#">马上注册</a>
					</div>
				</div>
			</div>
			<div class="item">
				<img src="../images/1.jpg" alt="">
				<div class="container">
					<div class="carousel-caption">
						<h1>如何使用本网站.</h1>
						<p class="lead">采用当今世界最流行的前端框架，给用户一流的用户体验</p>
						<a class="btn btn-large btn-primary" href="#">了解更多</a>
					</div>
				</div>
			</div>
			<div class="item">
				<img src="../images/1.jpg" alt="">
				<div class="container">
					<div class="carousel-caption">
						<h1>本网站还有更多优势.</h1>
						<p class="lead">消除旧网站的视觉疲劳，从现在开始.</p>
						<a class="btn btn-large btn-primary" href="#">链接到BootStrap</a>
					</div>
				</div>
			</div>
		</div>
		<a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a>
		<a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a>
	</div> -->
	<!-- 图片轮播 结束 -->




	<!-- 版权信息 开始 -->
	<div class="container rooter"> 
		<footer style="margin-top:10px;"> 
<!-- 			<p>
				<a id="cs_box"><span class="cs_btn">联系我们</span></a> <a id="xm_jk">智能客服</a> 
				<a id="cs_box"><span class="cs_btn">联系我们</span></a> <a href="zhinengkefu.html" id="xm_jk" target="_self">智能客服</a> 
				<a>项目</a> <a>团队</a><a id="xm_jk">项目监控</a>
			</p>
 -->			<p>
				&copy; 2016 李健. &middot; <a href="#">鲁东大学</a> &middot; <a
					href="#">软件工程</a>
			</p>
			<p>2014-2015 All Rights Reserved.</p>
		</footer>
	</div>
	<!-- 版权信息 结束 -->
	

	<!--  js 开始 -->
	<!-- 将 js 文件写到最后 ， 提升加载速度 -->
	<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
	<!-- <script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script> -->
	<script src="../js/jquery.min.js"></script>
	<!-- <script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> -->
	<script src="../js/bootstrap.min.js"></script>
	
	<!-- 时间显示 js -->
	<script type="text/javascript" src="../js/1.js"></script>
	<!-- qq 在线聊天 -->
	<script src="../js/qqonline.js"></script>
	<!-- 分享到 -->
	<!-- <script type="text/javascript" src="../js/jiathis.js" charset="utf-8"></script> -->
	<!-- 校验js  -->
	<script type="text/javascript" src="../js/is.js"></script>
	<!-- 图片延迟加载 js -->
	<script type="text/javascript" src="../js/jquery.lazyload.js"></script>
	<!-- index 页面的js -->
	<script type="text/javascript" src="../js/index.js"></script>
	<!-- 百度地图 js -->
	<script type="text/javascript" src="../js/baidumap/baidumapak.js"></script>
	<script src="../js/baidumap/CurveLine.min.js"></script>
	<script type="text/javascript" src="../js/baidumap/SearchInfoWindow_min.js"></script>
	
	<script type="text/javascript"> 
		$(function() {
			//$('#newsBlock').hide();  // 隐藏新闻模块 div
			beginAutoRefreshNowTimeLabel();//开始刷新 时间
			initWeather();//初始化天气数据 天气， s
			initOnlineQQ();//初始化在线qq
			/* initJisThis();//初始化分享到 */
			
			//项目监控
			/*
			$("#xm_jk").click(function() {
								document.getElementById('main_content').src = 'http://192.168.2.117:8080/piaoyoung/monitoring';
							})
			*/
			
		});
		/**
		 * 初始化地图数据
		 */
			var map = new BMap.Map("mapDiv");
			map.centerAndZoom(new BMap.Point(120.2099600000, 30.2139150000), 15);
			map.addControl(new BMap.MapTypeControl());
			map.enableScrollWheelZoom(true);
			addMarker(new BMap.Point(120.2099600000, 30.2139150000));

			var content = '<div style="margin:0;line-height:20px;padding:2px;">'
					+ '<img src="../img/baidu.jpg" alt="" style="float:right;zoom:1;overflow:hidden;width:100px;height:100px;margin-left:3px;"/>'
					+ '地址：北京市海淀区上地十街10号<br/>电话：(010)59928888<br/>简介：百度大厦位于北京市海淀区西二旗地铁站附近，为百度公司综合研发及办公总部。'
					+ '</div>';

			var searchInfoWindow = null;
			searchInfoWindow = new BMapLib.SearchInfoWindow(map, content, {
				title : "dsfa",
				width : 290,
				height : 105,
				panel : "panel",
				enableAutoPan : true,
				searchTypes : [ BMAPLIB_TAB_SEARCH, BMAPLIB_TAB_TO_HERE,
						BMAPLIB_TAB_FROM_HERE ]
			});


		/**
		 * 添加地图标记 
		 * @param point
		 */
		function addMarker(point) {
			var marker = new BMap.Marker(point);
			map.addOverlay(marker);
			marker.setAnimation(BMAP_ANIMATION_BOUNCE);
			marker.addEventListener("click", function(e) {
				searchInfoWindow.open(marker);
			})
		}
	</script>
	<!--  js 结束 -->
</body>
</html>